<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<script src="../../../resources/check-layout.js"></script>
<style>
p {
    width: 150px;
    color: #3d4552;
    border: 1px solid black;
    word-break: break-all;
    overflow: hidden;
    font: 10px Ahem;
}
span {
    float: left;
    background: papayawhip;
    height: 100px;
    width: 50px;
}
</style>
<p data-expected-height="102"><span></span>longtextthatshouldwraparoundthefloat</p>

<p data-expected-height="102"><span></span>wrapalongfloat)))))))))</p>

<p data-expected-height="112"><span></span>wrapbelowfloat)))))))))))))))))</p>

<div>This test ensures we properly handle word-break: break-all in the context
of floats. The first two tests should wrap next to the float. The last contains
non-breaking punctuation too long to fit next to the float, and should be pushed
to below.</div>
<script>
onload = function() {
    checkLayout("p");
}
</script>
